<!DOCTYPE>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
  <meta charset="utf-8">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <style>
    td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
  </style>
  <![endif]-->
  <title>New sign up for AppFlowy</title>
</head>
<body style="margin: 0; width: 100%; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
  <div role="article" aria-roledescription="email" aria-label="New sign up for AppFlowy" lang="en">
    <div style="display: none">
      To login to AppFlowy, follow this link {{ .ConfirmationURL }}
    </div>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeefc" style="
      font-family:
        Google Sans,
        Robot,
        Arial,
        sans-serif;
      padding: 24px;
      color: #000000;
    " role="presentation">
      <tr>
        <td align="center" valign="top">
          <table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-radius: 12px; padding: 32px; margin: 0 auto" role="presentation">
            <tr>
              <td align="center" style="padding-bottom: 24px">
                <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/appflowy.png" width="32" height="32" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0; display: block; margin: 0 auto" alt="">
              </td>
            </tr>
            <tr>
              <td align="center" style="padding-bottom: 8px">
                <h1 style="
                  font-size: 24px;
                  font-weight: bold;
                  margin: 0;
                  color: #000000;
                ">
                  Login for AppFlowy
                </h1>
              </td>
            </tr>
            <tr>
              <td align="center" style="padding-bottom: 24px">
                <p style="font-size: 16px; line-height: 1.5; margin: 0">
                  We have received a request to confirm your AppFlowy account.
                </p>
                <p style="font-size: 16px; line-height: 1.5; margin: 2px 0 0">
                  You can log in using either of the following options:
                </p>
              </td>
            </tr>
            <tr>
              <td align="center" style="padding-bottom: 12px">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f8faff" style="border-radius: 20px; padding: 24px 20px" role="presentation">
                  <tr>
                    <td align="center" style="padding-bottom: 16px">
                      <h2 style="
                        font-size: 16px;
                        font-weight: bold;
                        margin: 0;
                        color: #000000;
                      ">
                        Option 1: Magic Link (Fast &amp; Easy)
                      </h2>
                      <p style="
                        font-size: 14px;
                        color: #6f748c;
                        margin: 10px 0 0;
                      ">
                        Click the button or link below to log in instantly
                      </p>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 16px">
                      <table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto" role="presentation">
                        <tr>
                          <td align="center" bgcolor="#9327ff" style="border-radius: 10px; padding: 10px 16px">
                            <a href="{{ .ConfirmationURL }}" style="
                              color: #ffffff;
                              font-weight: 600;
                              font-size: 14px;
                              text-decoration: none;
                              display: inline-block;
                            ">Login to AppFlowy</a>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td align="center">
                      <p style="
                        padding-bottom: 16px;
                        font-size: 12px;
                        color: #6f748c;
                        margin: 0;
                      ">
                        Or paste this into your browser:
                      </p>
                      <p style="max-width: 384px; margin: 0">
                        <a href="{{ .ConfirmationURL }}" style="
                          font-size: 12px;
                          text-decoration: none;
                          text-align: center;
                          color: #6f748c;
                          font-weight: bold;
                          margin: 0;
                          word-break: break-all;
                        ">
                          {{ .ConfirmationURL }}
                        </a>
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" style="padding-bottom: 24px">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#f8faff" style="border-radius: 20px; padding: 24px 20px" role="presentation">
                  <tr>
                    <td align="center" style="padding-bottom: 16px">
                      <h2 style="
                        font-size: 16px;
                        font-weight: bold;
                        margin: 0;
                        color: #000000;
                      ">
                        Option 2: One-Time Password (OTP)
                      </h2>
                      <p style="
                        font-size: 14px;
                        color: #6f748c;
                        margin: 10px 0 0;
                      ">
                        Prefer to enter a code instead? Use the one-time code
                        below
                      </p>
                    </td>
                  </tr>
                  <tr>
                    <td align="center">
                      <span style="
                        background-color: #ffffff;
                        padding: 8px;
                        border-radius: 6px;
                        font-weight: 600;
                        font-size: 16px;
                        display: inline-block;
                      ">{{ .Token }}</span>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td align="center" style="padding-bottom: 24px">
                <p style="font-size: 12px; color: #6f748c; margin: 0">
                  This code and magic link will expire in 5 minutes for security
                  reasons.
                </p>
                <p style="font-size: 12px; color: #6f748c; margin: 0">
                  If you didn't initiate this login, you can safely ignore this
                  email. No action is needed.
                </p>
              </td>
            </tr>
            <tr>
              <td align="center">
                <p style="
                  border-top: 1px solid #e4e8f5;
                  padding-top: 24px;
                  font-size: 12px;
                  color: #6f748c;
                  margin: 0 0 15px;
                ">
                  Bring projects, knowledge, and teams together with the power of
                  AI.
                </p>
                <p style="margin: 0 0 15px">
                  <a href="https://discord.gg/9Q2xaN37tV" style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  ">
                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/discord.png" width="20" height="20" alt="Discord" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0;">
                  </a>
                  <a href="https://github.com/AppFlowy-IO/AppFlowy" style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  ">
                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/github.png" width="20" height="20" alt="GitHub" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0;">
                  </a>
                  <a href="https://www.reddit.com/r/AppFlowy" style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  ">
                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/reddit.png" width="20" height="20" alt="Reddit" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0;">
                  </a>
                  <a href="https://twitter.com/appflowy" style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  ">
                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/twitter.png" width="20" height="20" alt="Twitter" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0;">
                  </a>
                  <a href="https://www.youtube.com/@AppFlowyHQ" style="text-decoration: none; display: inline-block">
                    <img src="https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy-Cloud/main/assets/mailer_templates/build_production/images/youtube.png" width="20" height="20" alt="Youtube" style="max-width: 100%; vertical-align: middle; line-height: 1; border: 0;">
                  </a>
                </p>
                <p style="font-size: 12px; color: #6f748c; margin: 0 0 10px">
                  Copyright © 2025, AppFlowy Inc.
                </p>
                <p style="font-size: 12px; color: #6f748c; margin: 0">
                  Need Help?
                  <a href="mailto:support@appflowy.io" style="color: #6f748c">support@appflowy.io</a>
                </p>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
</body>
</html>